import React, { Component } from 'react';
import './try.css';
import img from "../img.png";

class PricingTable extends Component {
    render() {
        return (
            <div id="App">
                <div id="contented">
                    <div id="item1" className="item">
                        <h1 className="h2-margin">免费版</h1>
                        <div className="price">￥<span>0</span>/年</div>
                        <ul className="features">
                            <li>5人或最上限</li>
                            <li>50容量</li>
                            <li>单文件最大100M</li>
                            <li>单项目最大1G</li>
                            <li>社区与邮件支持</li>
                        </ul>
                        <button className="btn" style={{marginTop:"94px"}}>注册使用</button>
                    </div>
                    <div id="item2" className="item">
                        <img src={img} alt="描述图片的内容" />
                        <h1>高级版</h1>
                        <div className="price">￥<span>3998</span>/年</div>
                        <ul className="features">
                            <li>5人或最上限</li>
                            <li>50容量</li>
                            <li>单文件最大200M</li>
                            <li>单项目最大2G</li>
                            <li>社区与邮件支持</li>
                            <li>在线与电话支持</li>
                            <li>短信通知</li>
                        </ul>
                        <button className="btn">购买</button>
                    </div>
                    <div id="item3" className="item">
                        <h1 className="h2-margin">标准版</h1>
                        <div className="price">￥<span>1998</span>/年</div>
                        <ul className="features">
                            <li>20人或最上限</li>
                            <li>20G容量</li>
                            <li>单文件最大100M</li>
                            <li>单项目最大1G</li>
                            <li>社区与邮件支持</li>
                            <li>在线与电话支持</li>
                            <li>短信通知</li>
                        </ul>
                        <button className="btn primary">购买</button>
                    </div>
                </div>
            </div>
        );
    }
}

export default PricingTable;